<template>
  <div>
    <h4>Son2</h4>
    <GrandSon @drink="drink"></GrandSon>
  </div>
</template>

<script>
import GrandSon from './GrandSon.vue'
export default {
  name: 'Son2',
  components: {
    GrandSon
  },
  mounted() {
    this.$on('eat', () => {
      console.log('eat >>> from son2')
    })
  },
  methods: {
    drink() {
      console.log('drink >>> ')
    }
  }
}
</script>

<style lang="scss" scoped></style>
